<div class="col-md-4 col-sm-12 col-xs-12 topicFormLabel">
    <div class="col-md-12 col-sm-6 col-xs-12">
        <img ng-src="{{assetsPath('promo_greece.png')}}">
    </div>
    <div class="col-md-12 col-sm-6 col-xs-12">
        Recommended reading:<br>
        <div ng-repeat="link in topic.links">
            <a class="topicFormBase" ng-href="{{link.url}}" target="_blank">{{ link.name}}</a><br>
        </div>
    </div>
</div>
<div class="col-md-8 col-sm-12 col-xs-12" ng-show="topicBeingEdited">
    <div class="topicTitle" >{{ topic.title}}</div>
    <form>
        <div class="col-md-12 col-sm-12 col-xs-12" ng-repeat="item in topic.items">
            <p class="topicFormLabel">{{ item.text }}<br>
                <textarea class="topicFormBase col-md-12 col-sm-12 col-xs-12" name="answer" rows="10" ng-model="item.value"></textarea></p>
        </div>
        <div ng-repeat="reference in topic.references" class="col-md-12 col-sm-12 col-xs-12 topicFormBase">
            <p class="topicFormLabel">Reference {{ ( $index + 1) }}<br>
                <textarea class="topicFormBase col-md-12 col-sm-12 col-xs-12" name="reference" rows="2" ng-model="reference.name"></textarea></p>
        </div>
        <div class="btn-group col-md-12">
            <button type="button" class="btn btn-default" ng-click="doNotSave()">Do not save</button>
            <button type="button" class="btn btn-default" ng-click="save()">Save</button>
        </div>
    </form>
</div>